<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>ZZU ICU管理平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- basic styles -->
    <link href="${contextPath}/html/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="${contextPath}/html/assets/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="${contextPath}/html/assets/css/font-awesome.min.css" />

    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
    <![endif]-->

    <!-- page specific plugin styles -->

    <!-- fonts -->



    <!-- ace styles -->

    <link rel="stylesheet" href="${contextPath}/html/assets/css/ace.min.css" />
    <link rel="stylesheet" href="${contextPath}/html/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="${contextPath}/html/assets/css/ace-skins.min.css" />

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
    <![endif]-->

    <!-- inline styles related to this page -->
    <script src="${contextPath}/html/assets/js/jquery-1.8.3.js"></script>
    <!-- ace settings handler -->

    <script src="${contextPath}/html/assets/js/ace-extra.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>



    <script src="assets/js/bootstrap.min.js"></script>



    <![endif]-->



    <link rel="stylesheet" type="text/css" href="${contextPath}/html/assets/DataTables-1.10.15/media/css/jquery.dataTables.css">

    <!-- jQuery -->
    <script type="text/javascript" charset="utf8" src="${contextPath}/html/assets/DataTables-1.10.15/media/js/jquery.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="${contextPath}/html/assets/DataTables-1.10.15/media/js/jquery.dataTables.js"></script>

</head>

<body>



<div class="navbar navbar-default" id="navbar">
    <script type="text/javascript">
   
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <i class=" icon-lightbulb"></i>
                    ZZU ICU监控系统
                </small>
            </a><!-- /.brand -->
        </div><!-- /.navbar-header -->

        <div class="navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="grey">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-tasks"></i>
                        <span class="badge badge-grey">4</span>
                    </a>

                    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="icon-ok"></i>
                            4 Tasks to complete
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Software Update</span>
                                    <span class="pull-right">65%</span>
                                </div>

                                <div class="progress progress-mini ">
                                    <div style="width:65%" class="progress-bar "></div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Hardware Upgrade</span>
                                    <span class="pull-right">35%</span>
                                </div>

                                <div class="progress progress-mini ">
                                    <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Unit Testing</span>
                                    <span class="pull-right">15%</span>
                                </div>

                                <div class="progress progress-mini ">
                                    <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Bug Fixes</span>
                                    <span class="pull-right">90%</span>
                                </div>

                                <div class="progress progress-mini progress-striped active">
                                    <div style="width:90%" class="progress-bar progress-bar-success"></div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                See tasks with details
                                <i class="icon-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="purple">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-bell-alt icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="icon-warning-sign"></i>
                            8 Notifications
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink icon-comment"></i>
												New Comments
											</span>
                                    <span class="pull-right badge badge-info">+12</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="btn btn-xs btn-primary icon-user"></i>
                                Bob just signed up as an editor ...
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
												New Orders
											</span>
                                    <span class="pull-right badge badge-success">+8</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info icon-twitter"></i>
												Followers
											</span>
                                    <span class="pull-right badge badge-info">+11</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                See all notifications
                                <i class="icon-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="green">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-envelope icon-animated-vertical"></i>
                        <span class="badge badge-success">5</span>
                    </a>

                    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="icon-envelope-alt"></i>
                            5 Messages
                        </li>

                        <li>
                            <a href="#">
                                <img src="${contextPath}/html/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                                <span class="msg-body">
											<span class="msg-title">
												<span class="blue">Alex:</span>
												Ciao sociis natoque penatibus et auctor ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>a moment ago</span>
											</span>
										</span>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="${contextPath}/html/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
                                <span class="msg-body">
											<span class="msg-title">
												<span class="blue">Susan:</span>
												Vestibulum id ligula porta felis euismod ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>20 minutes ago</span>
											</span>
										</span>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="${contextPath}/html/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                                <span class="msg-body">
											<span class="msg-title">
												<span class="blue">Bob:</span>
												Nullam quis risus eget urna mollis ornare ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>3:15 pm</span>
											</span>
										</span>
                            </a>
                        </li>

                        <li>
                            <a href="inbox.html">
                                See all messages
                                <i class="icon-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="${contextPath}/html/assets/avatars/IMG_1324(20180412-142951).jpg" alt="Jason's Photo" />
                        <span class="user-info">
									<small>尊敬的：</small>
									Patrick医生
								</span>

                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#">
                                <i class="icon-cog"></i>
                                Settings
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="icon-user"></i>
                                Profile
                            </a>
                        </li>

                        <li class="divider"></li>

                        <li>
                            <a href="#">
                                <i class="icon-off"></i>
                                Logout
                            </a>
                        </li>
                    </ul>
                </li>
            </ul><!-- /.ace-nav -->
        </div><!-- /.navbar-header -->
    </div><!-- /.container -->
</div>

<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>

        <div class="sidebar" id="sidebar">
            <script type="text/javascript">
                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
            </script>

            <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                    <button class="btn btn-success">
                        <i class="icon-signal"></i>
                    </button>

                    <button class="btn btn-info">
                        <i class="icon-pencil"></i>
                    </button>

                    <button class="btn btn-warning">
                        <i class="icon-group"></i>
                    </button>

                    <button class="btn btn-danger">
                        <i class="icon-cogs"></i>
                    </button>
                </div>

                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                    <span class="btn btn-success"></span>

                    <span class="btn btn-info"></span>

                    <span class="btn btn-warning"></span>

                    <span class="btn btn-danger"></span>
                </div>
            </div><!-- #sidebar-shortcuts -->
            <ul class="nav nav-list">
                <li >
                <a href="${contextPath}/patient/index">
                    <i class="icon-dashboard"></i>
                    <span class="menu-text"> 控制台 </span>
                </a>
                </li>
                <li >
                    <a href="#">
                        <i class=" icon-bar-chart"></i>
                        <span class="menu-text"> 患者信息报表 </span>
                    </a>
                </li>


                <li class="active">
                    <a href="${contextPath}/patient/patientMessage">
                        <i class=" icon-heart"></i>
                        <span class="menu-text"> 患者信息精确搜寻 </span>
                    </a>
                </li>

                <li>
                    <a href="#" class="dropdown-toggle">
                        <i class="icon-cogs"></i>
                        <span class="menu-text"> ICU设备运行报表 </span>
                    </a>
                </li>
                <li>
                    <a href="${contextPath}/patient/formPatient">
                        <i class="icon-folder-open"></i>
                        <span class="menu-text"> 添加患者 </span>
                    </a>
                </li>
                <li>
                    <a href="typography.html">
                        <i class="icon-camera"></i>
                        <span class="menu-text"> 监控查询 </span>
                    </a>
                </li>

                <li>
                    <a href="typography.html">
                        <i class=" icon-desktop"></i>
                        <span class="menu-text"> 专家系统 </span>
                    </a>
                </li>

                <li>
                    <a href="typography.html">
                        <i class=" icon-cog"></i>
                        <span class="menu-text"> 设备管理 </span>
                    </a>
                </li>



            </ul><!-- /.nav-list -->

            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
            </div>

            <script type="text/javascript">
                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
            </script>
        </div>

        <div class="main-content row">
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
                </script>

                <ul class="breadcrumb">
                    <li>
                        <i class="icon-home home-icon"></i>
                        <a href="#">ZZUICU</a>
                    </li>

                    <li class="active">患者信息精确搜索</li>
                </ul><!-- .breadcrumb -->

                <div class="nav-search" id="nav-search">
                    <form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
                    </form>
                </div><!-- #nav-search -->
            </div>


             <div class="page-content">

                 <div class="col-sm-12">



                     <div class="widget-box">
                         <div class="widget-header widget-header-small">
                             <h5 class="lighter">搜索</h5>
                         </div>

                         <div class="widget-body">
                             <div class="widget-main" >
                                 <form class="form-search" action="${contextPath}/patient/patientMessage" method="post">

                                     <div class="col-xs-12 col-sm-8">
                                         <div class="input-group">
                                             <input type="text" name="patient_id" class="form-control search-query" placeholder="输入患者康复id号" />
                                             <span class="input-group-btn">
                                                                            <input type="submit" class="btn btn-purple btn-sm" value="搜索">
                                                                                搜索
                                                                                <i class="icon-search icon-on-right bigger-110"></i>
                                                                            </input>
<!-- 																			<button type="button" class="btn btn-purple btn-sm">
                                                                                搜索
                                                                                <i class="icon-search icon-on-right bigger-110"></i>
                                                                            </button> -->
                                                                        </span>
                                         </div>
                                     </div>

                                 </form>
                             </div>
                             <div class="space-20"></div>
                         </div>
                     </div>
                     <div class="space-10"></div>
                     <div class="widget-box">
                         <div class="widget-header widget-header-flat">
                             <h4>患者信息</h4>
                         </div>
                         <div class="col-xs-12 col-sm-9">


                             <div class="profile-user-info">
                             
                             	<div class="profile-info-row">
                                     <div class="profile-info-name"> 患者康复id：</div>

                                     <div class="profile-info-value">
                                         <span>${(patient.patient_id)!''}</span>
                                     </div>
                                 </div>
                             
                                 <div class="profile-info-row">
                                     <div class="profile-info-name"> 姓名：</div>

                                     <div class="profile-info-value">
                                         <span>${(patient.patient_name)!''}</span>
                                     </div>
                                 </div>



                                 <div class="profile-info-row">
                                     <div class="profile-info-name">年龄：</div>

                                     <div class="profile-info-value">
                                         <span>${(patient.patient_age)!''}</span>
                                     </div>
                                 </div>

                                 

                                 <div class="profile-info-row">
                                     <div class="profile-info-name"> 疾病：</div>

                                     <div class="profile-info-value">
                                         <span>${(patient.patient_disease)!''}</span>
                                     </div>
                                 </div>
                                 <div class="profile-info-row">
                                     <div class="profile-info-name"> 最近康复训练时间： </div>

                                     <div class="profile-info-value">
                                         <span>${(patient.patient_training_date)!''}</span>
                                     </div>
                                 </div>


                             </div>

                             <!--<div class="hr hr-8 dotted"></div>

                             <div class="profile-user-info">
                                 <div class="profile-info-row">
                                     <div class="profile-info-name"> Website </div>

                                     <div class="profile-info-value">
                                         <a href="#" target="_blank">www.alexdoe.com</a>
                                     </div>
                                 </div>

                                 <div class="profile-info-row">
                                     <div class="profile-info-name">
                                         <i class="middle icon-facebook-sign bigger-150 blue"></i>
                                     </div>

                                     <div class="profile-info-value">
                                         <a href="#">Find me on Facebook</a>
                                     </div>
                                 </div>

                                 <div class="profile-info-row">
                                     <div class="profile-info-name">
                                         <i class="middle icon-twitter-sign bigger-150 light-blue"></i>
                                     </div>

                                     <div class="profile-info-value">
                                         <a href="#">Follow me on Twitter</a>
                                     </div>
                                 </div>
                             </div>-->
                         </div><!-- /span -->

                         <div class="widget-body">
                             <div class="widget-main">
                                 <div class="row">
                                     <div class="col-sm-6">

                                     </div>


                                 </div>

                             </div>
                         </div>
                     </div>
                 </div><!-- /span -->
                 &nbsp;
                 <div class="space-20"></div>



                     <div class="col-sm-6">
                         <div class="well">
                             <h4 class="center green"><strong>距离当前24小时的呼吸速率</strong></h4>
                             <div id="chart1" style="margin-top:20px; margin-left:20px; width:400px; height:300px;"></div>
                             <pre class="code brush:js"></pre>
                             <script class="code" type="text/javascript">

                                 /*$(document).ready(function(){
                                     var line2 = [['1',45], ['12', 56], ['13', 39], ['60', 81]];

                                     var line1=[["2011-08-01",23],["2011-08-01",23],["2011-08-01"]]
                                     var plot1 = $.jqplot('chart1', [line2], {
                                         axes: {
                                             xaxis: {
                                                 renderer: $.jqplot.DateAxisRenderer,
                                                 label: 'Incliment Occurrance',
                                                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                                                 tickOptions: {
                                                     // labelPosition: 'middle',
                                                     angle: 15
                                                 },

                                                 max:100,

                                             },
                                             yaxis: {
                                                 label: '心率',
                                                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                                             }
                                         }
                                     });

                                 });*/


                                 $(document).ready(function(){
 									var line1=${(respiratorylist)!''};
                                     
                                     var linenew=[];
                                     var min=${(mintime)!''}+":00"

                                     for(var i=0;i<line1.length;i++){
                                         var mid=[];
                                         mid[0]=line1[i][0]+":00";
                                         mid[1]=line1[i][1];
                                         linenew[i]=mid;
                                     }
                                     
                                     var plot2 = $.jqplot('chart1', [linenew], {

                                         axes:{
                                             xaxis:{
                                                 renderer:$.jqplot.DateAxisRenderer,
                                                 tickOptions:{formatString:' %#I %p'},
                                                 

                                             }
                                         },
                                         series:[{lineWidth:4, markerOptions:{style:'square'}}]
                                     });
                                 });
                             </script>
                         </div>
                     </div>

                     <div class="col-sm-6" >
                         <div class="well">
                             <h4 class="center green"><strong>距离距离当前24小时的呼吸速率小时的心率</strong></h4>
                             <div id="chart2" style="margin-top:20px; margin-left:20px; width:400px; height:300px;" clas="example-plot"></div>
                             <pre class="code brush:js"></pre>
                             <script class="code" type="text/javascript" language="javascript">
                                 /*$(document).ready(function(){
                                     var line2 = [['1',45], ['12', 56], ['13', 39], ['60', 81]];

                                     var plot2 = $.jqplot('chart2', [line2], {
                                         axes: {
                                             xaxis: {
                                                 renderer: $.jqplot.DateAxisRenderer,
                                                 label: 'Incliment Occurrance',
                                                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                                                 tickOptions: {
                                                     // labelPosition: 'middle',
                                                     angle: 15
                                                 },
                                                 max:100,

                                             },
                                             yaxis: {
                                                 label: '心率',
                                                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                                             }
                                         }
                                     });

                                 });*/
                                 $(document).ready(function(){
                                     var line1=${(heartlist)!''};
                                     
                                     var linenew=[];
                                     var min=${(mintime)!''}+":00"

                                     for(var i=0;i<line1.length;i++){
                                         var mid=[];
                                         mid[0]=line1[i][0]+":00";
                                         mid[1]=line1[i][1];
                                         linenew[i]=mid;
                                     }
                                    
                                     var plot2 = $.jqplot('chart2', [linenew], {

                                         seriesColors: [ "rgb(211, 20, 59)"],
                                         axes:{
                                             xaxis:{
                                                 renderer:$.jqplot.DateAxisRenderer,
                                                 tickOptions:{formatString:' %#I %p'},
                                                 

                                             }
                                         },
                                         series:[{lineWidth:4, markerOptions:{style:'square'}}]
                                     });
                                 });
                                 /* $(document).ready(function(){

                                      var l1 = [3,   6,  7,  7,  5,  3];
                                      var l2 = [4,   8,  9, 10, 8,   6];
                                      var l3 = [100,  143, 14, 16, 17, 19];
                                      var l4 = [15, 17, 16, 18, 13, 11];

                                      var plot1 = $.jqplot("chart2", [ l3], {

                                          seriesColors: [ "rgb(211, 20, 59)"],
                                          axesDefaults: {
                                              pad: 1.05
                                          },
                                          //////
                                          // Use the fillBetween option to control fill between two
                                          // lines on a plot.
                                          //////
                                          fillBetween: {

                                              // color: Optional, defaults to fillColor of series1.
                                              color: "rgba(227, 167, 111, 0.7)",
                                              // baseSeries:  Optional.  Put fill on a layer below this series
                                              // index.  Defaults to 0 (first series).  If an index higher than 0 is
                                              // used, fill will hide series below it.
                                              baseSeries: 0,
                                              // fill:  Optional, defaults to true.  False to turn off fill.
                                              fill: true
                                          },
                                          //显示注释
                                          legend: {
                                              show: false,
                                              location: 'e',
                                              placement: 'outside'
                                          },
                                          seriesDefaults: {
                                              rendererOptions: {
                                                  //////
                                                  // Turn on line smoothing.  By default, a constrained cubic spline
                                                  // interpolation algorithm is used which will not overshoot or
                                                  // undershoot any data points.
                                                  //////
                                                  showDataLabels: true,
                                                  smooth: true
                                              }
                                          },



                                      });

                                      // bind a function to the change button to update the plot's fillBetween series
                                      // and replot().
                                      $("button[name=changeFill]").click(function(e) {
                                          plot1.fillBetween.series1 = parseInt($("input[name=series1]").val());
                                          plot1.fillBetween.series2 = parseInt($("input[name=series2]").val());
                                          plot1.replot();
                                      });
                                  });
      */
                             </script>
                         </div>
                     </div>
                     <div class="space-20"></div>

                     <div class="space-6"></div>

                     <div class="row">
                         <div class="col-xs-12">
                             <!-- PAGE CONTENT BEGINS -->

                             <div class="row">
                                 <div class="col-xs-12">
                                     <div class="table-responsive">
                                         <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                                             <thead>
                                             <tr>
                                                 <th>编号</th>
                                                 <th>姓名</th>
                                                 <th>年龄</th>
                                                 <th>疾病类型</th>
                                                 <th>
                                                     最近康复训练时间
                                                 </th>
                                                 <th>呼吸速率</th>
                                                 <th>心率</th>
                                                 <th>肌电</th>
												 <th>压力</th>

                                                 <th>查看详情</th>


                                             </tr>
                                             </thead>
                                             
                                            <#list patientList as t>
                                             	
                                             	
                                             	<tr class="odd gradeX">
				                                    <td>${(t.patient_id)!''}</td>
				                                    <td>${(t.patient_name)!''}</td>
				                                    <td>${(t.patient_age)!''}</td>
				                                    <td>${(t.patient_disease)!''}</td>
				                                    <td>${(t.patient_trainingtime)!''}</td>
				                                    <td>${(t.patient_respiratoryrate)!''}</td>
				                                    <td>${(t.patient_heartrate)!''}</td>
				                                    <td>${(t.patient_myoelectricity)!''}</td>
				                                    <td>${(t.patient_presure)!''}</td>
				                                   
				                                    <td><a href="https://www.baidu.com" class="tooltip-info" data-rel="tooltip" title="View"> <span class="blue"><i class="icon-zoom-in bigger-120"></i></span> </a></td>
                                				</tr>
                                             
                                             
                                             </#list> 

                                             <!--<tbody>
                                                 <tr>
                                                     <td class="center">
                                                         <label>
                                                             <input type="checkbox" class="ace" />
                                                             <span class="lbl"></span>
                                                         </label>
                                                     </td>

                                                     <td>
                                                         <a href="#">ace.com</a>
                                                     </td>
                                                     <td>$45</td>
                                                     <td class="hidden-480">3,330</td>
                                                     <td>Feb 12</td>

                                                     <td class="hidden-480">
                                                         <span class="label label-sm label-warning">Expiring</span>
                                                     </td>

                                                     <td>
                                                         <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                             <button class="btn btn-xs btn-success">
                                                                 <i class="icon-ok bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-info">
                                                                 <i class="icon-edit bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-danger">
                                                                 <i class="icon-trash bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-warning">
                                                                 <i class="icon-flag bigger-120"></i>
                                                             </button>
                                                         </div>

                                                         <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                             <div class="inline position-relative">
                                                                 <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                                                     <i class="icon-cog icon-only bigger-110"></i>
                                                                 </button>

                                                                 <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                     <li>
                                                                         <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                             <span class="blue">
                                                                                 <i class="icon-zoom-in bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                             <span class="green">
                                                                                 <i class="icon-edit bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                             <span class="red">
                                                                                 <i class="icon-trash bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>
                                                                 </ul>
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>

                                                 <tr>
                                                     <td class="center">
                                                         <label>
                                                             <input type="checkbox" class="ace" />
                                                             <span class="lbl"></span>
                                                         </label>
                                                     </td>

                                                     <td>
                                                         <a href="#">base.com</a>
                                                     </td>
                                                     <td>$35</td>
                                                     <td class="hidden-480">2,595</td>
                                                     <td>Feb 18</td>

                                                     <td class="hidden-480">
                                                         <span class="label label-sm label-success">Registered</span>
                                                     </td>

                                                     <td>
                                                         <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                             <button class="btn btn-xs btn-success">
                                                                 <i class="icon-ok bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-info">
                                                                 <i class="icon-edit bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-danger">
                                                                 <i class="icon-trash bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-warning">
                                                                 <i class="icon-flag bigger-120"></i>
                                                             </button>
                                                         </div>

                                                         <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                             <div class="inline position-relative">
                                                                 <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                                                     <i class="icon-cog icon-only bigger-110"></i>
                                                                 </button>

                                                                 <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                     <li>
                                                                         <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                             <span class="blue">
                                                                                 <i class="icon-zoom-in bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                             <span class="green">
                                                                                 <i class="icon-edit bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                             <span class="red">
                                                                                 <i class="icon-trash bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>
                                                                 </ul>
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>

                                                 <tr>
                                                     <td class="center">
                                                         <label>
                                                             <input type="checkbox" class="ace" />
                                                             <span class="lbl"></span>
                                                         </label>
                                                     </td>

                                                     <td>
                                                         <a href="#">max.com</a>
                                                     </td>
                                                     <td>$60</td>
                                                     <td class="hidden-480">4,400</td>
                                                     <td>Mar 11</td>

                                                     <td class="hidden-480">
                                                         <span class="label label-sm label-warning">Expiring</span>
                                                     </td>

                                                     <td>
                                                         <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                             <button class="btn btn-xs btn-success">
                                                                 <i class="icon-ok bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-info">
                                                                 <i class="icon-edit bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-danger">
                                                                 <i class="icon-trash bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-warning">
                                                                 <i class="icon-flag bigger-120"></i>
                                                             </button>
                                                         </div>

                                                         <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                             <div class="inline position-relative">
                                                                 <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                                                     <i class="icon-cog icon-only bigger-110"></i>
                                                                 </button>

                                                                 <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                     <li>
                                                                         <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                             <span class="blue">
                                                                                 <i class="icon-zoom-in bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                             <span class="green">
                                                                                 <i class="icon-edit bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                             <span class="red">
                                                                                 <i class="icon-trash bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>
                                                                 </ul>
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>

                                                 <tr>
                                                     <td class="center">
                                                         <label>
                                                             <input type="checkbox" class="ace" />
                                                             <span class="lbl"></span>
                                                         </label>
                                                     </td>

                                                     <td>
                                                         <a href="#">best.com</a>
                                                     </td>
                                                     <td>$75</td>
                                                     <td class="hidden-480">6,500</td>
                                                     <td>Apr 03</td>

                                                     <td class="hidden-480">
                                                         <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                     </td>

                                                     <td>
                                                         <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                             <button class="btn btn-xs btn-success">
                                                                 <i class="icon-ok bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-info">
                                                                 <i class="icon-edit bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-danger">
                                                                 <i class="icon-trash bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-warning">
                                                                 <i class="icon-flag bigger-120"></i>
                                                             </button>
                                                         </div>

                                                         <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                             <div class="inline position-relative">
                                                                 <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                                                     <i class="icon-cog icon-only bigger-110"></i>
                                                                 </button>

                                                                 <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                     <li>
                                                                         <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                             <span class="blue">
                                                                                 <i class="icon-zoom-in bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                             <span class="green">
                                                                                 <i class="icon-edit bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                             <span class="red">
                                                                                 <i class="icon-trash bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>
                                                                 </ul>
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>

                                                 <tr>
                                                     <td class="center">
                                                         <label>
                                                             <input type="checkbox" class="ace" />
                                                             <span class="lbl"></span>
                                                         </label>
                                                     </td>

                                                     <td>
                                                         <a href="#">pro.com</a>
                                                     </td>
                                                     <td>$55</td>
                                                     <td class="hidden-480">4,250</td>
                                                     <td>Jan 21</td>

                                                     <td class="hidden-480">
                                                         <span class="label label-sm label-success">Registered</span>
                                                     </td>

                                                     <td>
                                                         <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                             <button class="btn btn-xs btn-success">
                                                                 <i class="icon-ok bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-info">
                                                                 <i class="icon-edit bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-danger">
                                                                 <i class="icon-trash bigger-120"></i>
                                                             </button>

                                                             <button class="btn btn-xs btn-warning">
                                                                 <i class="icon-flag bigger-120"></i>
                                                             </button>
                                                         </div>

                                                         <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                             <div class="inline position-relative">
                                                                 <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                                                                     <i class="icon-cog icon-only bigger-110"></i>
                                                                 </button>

                                                                 <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                     <li>
                                                                         <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                             <span class="blue">
                                                                                 <i class="icon-zoom-in bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                             <span class="green">
                                                                                 <i class="icon-edit bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>

                                                                     <li>
                                                                         <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                             <span class="red">
                                                                                 <i class="icon-trash bigger-120"></i>
                                                                             </span>
                                                                         </a>
                                                                     </li>
                                                                 </ul>
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>
                                             </tbody>-->
                                         </table>
                                     </div>
                                 </div>
                             </div>


                             <!--<div class="hr hr-18 dotted hr-double"></div>

                             <h4 class="pink">
                                 <i class="icon-hand-right icon-animated-hand-pointer blue"></i>
                                 <a href="#modal-table" role="button" class="green" data-toggle="modal"> Table Inside a Modal Box </a>
                             </h4>

                             <div class="hr hr-18 dotted hr-double"></div>-->

                             <!--	<div class="row">
                                     <div class="col-xs-12">
                                         <h3 class="header smaller lighter blue">患者最新训练基本报表</h3>
                                         <div class="table-header">
                                             Results for "Latest Registered Domains"
                                         </div>

                                         <div class="table-responsive">
                                             <table id="sample-table-2" class="table table-striped table-bordered table-hover">
                                                 <thead>
                                                     <tr>
                                                         <th class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </th>
                                                         <th>姓名</th>
                                                         <th>年龄</th>
                                                         <th class="hidden-480">疾病类型</th>
                                                         <th>
                                                             <i class="icon-time bigger-110 hidden-480"></i>
                                                             最近训练日期
                                                         </th>



                                                         <th class="hidden-480">健康状况</th>
                                                         &lt;!&ndash;<th class="hidden-480">心率</th>
                                                         <th class="hidden-480">呼吸速率</th>&ndash;&gt;

                                                         <th></th>

                                                     </tr>
                                                 </thead>

                                                 <tbody>
                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">app.com</a>
                                                         </td>
                                                         <td>$45</td>
                                                         <td class="hidden-480">3,330</td>
                                                         <td>Feb 12</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         &lt;!&ndash;<td class="hidden-480">3,330</td>
                                                         <td class="hidden-480">3,330</td>
     &ndash;&gt;

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">base.com</a>
                                                         </td>
                                                         <td>$35</td>
                                                         <td class="hidden-480">2,595</td>
                                                         <td>Feb 18</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-success">Registered</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">max.com</a>
                                                         </td>
                                                         <td>$60</td>
                                                         <td class="hidden-480">4,400</td>
                                                         <td>Mar 11</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">best.com</a>
                                                         </td>
                                                         <td>$75</td>
                                                         <td class="hidden-480">6,500</td>
                                                         <td>Apr 03</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">pro.com</a>
                                                         </td>
                                                         <td>$55</td>
                                                         <td class="hidden-480">4,250</td>
                                                         <td>Jan 21</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-success">Registered</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">team.com</a>
                                                         </td>
                                                         <td>$40</td>
                                                         <td class="hidden-480">3,200</td>
                                                         <td>Feb 09</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">up.com</a>
                                                         </td>
                                                         <td>$95</td>
                                                         <td class="hidden-480">8,520</td>
                                                         <td>Feb 22</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">view.com</a>
                                                         </td>
                                                         <td>$45</td>
                                                         <td class="hidden-480">4,100</td>
                                                         <td>Mar 12</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-success">Registered</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">nice.com</a>
                                                         </td>
                                                         <td>$38</td>
                                                         <td class="hidden-480">3,940</td>
                                                         <td>Feb 12</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">fine.com</a>
                                                         </td>
                                                         <td>$25</td>
                                                         <td class="hidden-480">2,983</td>
                                                         <td>Apr 01</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">good.com</a>
                                                         </td>
                                                         <td>$50</td>
                                                         <td class="hidden-480">6,500</td>
                                                         <td>Feb 02</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">great.com</a>
                                                         </td>
                                                         <td>$55</td>
                                                         <td class="hidden-480">6,400</td>
                                                         <td>Feb 24</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-success">Registered</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">shine.com</a>
                                                         </td>
                                                         <td>$25</td>
                                                         <td class="hidden-480">2,200</td>
                                                         <td>Apr 01</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">rise.com</a>
                                                         </td>
                                                         <td>$42</td>
                                                         <td class="hidden-480">3,900</td>
                                                         <td>Feb 01</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">above.com</a>
                                                         </td>
                                                         <td>$35</td>
                                                         <td class="hidden-480">3,420</td>
                                                         <td>Mar 12</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">share.com</a>
                                                         </td>
                                                         <td>$30</td>
                                                         <td class="hidden-480">3,200</td>
                                                         <td>Feb 11</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">fair.com</a>
                                                         </td>
                                                         <td>$35</td>
                                                         <td class="hidden-480">3,900</td>
                                                         <td>Mar 26</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">year.com</a>
                                                         </td>
                                                         <td>$48</td>
                                                         <td class="hidden-480">3,990</td>
                                                         <td>Feb 15</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">day.com</a>
                                                         </td>
                                                         <td>$55</td>
                                                         <td class="hidden-480">5,600</td>
                                                         <td>Jan 29</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">light.com</a>
                                                         </td>
                                                         <td>$40</td>
                                                         <td class="hidden-480">3,100</td>
                                                         <td>Feb 17</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-success">Registered</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">sight.com</a>
                                                         </td>
                                                         <td>$58</td>
                                                         <td class="hidden-480">6,100</td>
                                                         <td>Feb 19</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-inverse arrowed-in">Flagged</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">right.com</a>
                                                         </td>
                                                         <td>$50</td>
                                                         <td class="hidden-480">4,400</td>
                                                         <td>Apr 01</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-warning">Expiring</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>

                                                     <tr>
                                                         <td class="center">
                                                             <label>
                                                                 <input type="checkbox" class="ace" />
                                                                 <span class="lbl"></span>
                                                             </label>
                                                         </td>

                                                         <td>
                                                             <a href="#">once.com</a>
                                                         </td>
                                                         <td>$20</td>
                                                         <td class="hidden-480">1,400</td>
                                                         <td>Apr 04</td>

                                                         <td class="hidden-480">
                                                             <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
                                                         </td>

                                                         <td>
                                                             <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                                 <a class="blue" href="#">
                                                                     <i class="icon-zoom-in bigger-130"></i>
                                                                 </a>

                                                                 <a class="green" href="#">
                                                                     <i class="icon-pencil bigger-130"></i>
                                                                 </a>

                                                                 <a class="red" href="#">
                                                                     <i class="icon-trash bigger-130"></i>
                                                                 </a>
                                                             </div>

                                                             <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                                 <div class="inline position-relative">
                                                                     <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                         <i class="icon-caret-down icon-only bigger-120"></i>
                                                                     </button>

                                                                     <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                         <li>
                                                                             <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                 <span class="blue">
                                                                                     <i class="icon-zoom-in bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                 <span class="green">
                                                                                     <i class="icon-edit bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>

                                                                         <li>
                                                                             <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                 <span class="red">
                                                                                     <i class="icon-trash bigger-120"></i>
                                                                                 </span>
                                                                             </a>
                                                                         </li>
                                                                     </ul>
                                                                 </div>
                                                             </div>
                                                         </td>
                                                     </tr>
                                                 </tbody>
                                             </table>
                                         </div>
                                     </div>
                                 </div>-->

                             <div id="modal-table" class="modal fade" tabindex="-1">
                                 <div class="modal-dialog">
                                     <div class="modal-content">
                                         <div class="modal-header no-padding">
                                             <div class="table-header">
                                                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                     <span class="white">&times;</span>
                                                 </button>
                                                 Results for "Latest Registered Domains
                                             </div>
                                         </div>

                                         <div class="modal-body no-padding">
                                             <table class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
                                                 <thead>
                                                 <tr>
                                                     <th>Domain</th>
                                                     <th>Price</th>
                                                     <th>Clicks</th>

                                                     <th>
                                                         <i class="icon-time bigger-110"></i>
                                                         Update
                                                     </th>
                                                 </tr>
                                                 </thead>

                                                 <tbody>
                                                 <tr>
                                                     <td>
                                                         <a href="#">ace.com</a>
                                                     </td>
                                                     <td>$45</td>
                                                     <td>3,330</td>
                                                     <td>Feb 12</td>
                                                 </tr>

                                                 <tr>
                                                     <td>
                                                         <a href="#">base.com</a>
                                                     </td>
                                                     <td>$35</td>
                                                     <td>2,595</td>
                                                     <td>Feb 18</td>
                                                 </tr>

                                                 <tr>
                                                     <td>
                                                         <a href="#">max.com</a>
                                                     </td>
                                                     <td>$60</td>
                                                     <td>4,400</td>
                                                     <td>Mar 11</td>
                                                 </tr>

                                                 <tr>
                                                     <td>
                                                         <a href="#">best.com</a>
                                                     </td>
                                                     <td>$75</td>
                                                     <td>6,500</td>
                                                     <td>Apr 03</td>
                                                 </tr>

                                                 <tr>
                                                     <td>
                                                         <a href="#">pro.com</a>
                                                     </td>
                                                     <td>$55</td>
                                                     <td>4,250</td>
                                                     <td>Jan 21</td>
                                                 </tr>
                                                 </tbody>
                                             </table>
                                         </div>

                                         <div class="modal-footer no-margin-top">
                                             <button class="btn btn-sm btn-danger pull-left" data-dismiss="modal">
                                                 <i class="icon-remove"></i>
                                                 Close
                                             </button>

                                             <ul class="pagination pull-right no-margin">
                                                 <li class="prev disabled">
                                                     <a href="#">
                                                         <i class="icon-double-angle-left"></i>
                                                     </a>
                                                 </li>

                                                 <li class="active">
                                                     <a href="#">1</a>
                                                 </li>

                                                 <li>
                                                     <a href="#">2</a>
                                                 </li>

                                                 <li>
                                                     <a href="#">3</a>
                                                 </li>

                                                 <li class="next">
                                                     <a href="#">
                                                         <i class="icon-double-angle-right"></i>
                                                     </a>
                                                 </li>
                                             </ul>
                                         </div>
                                     </div><!-- /.modal-content -->
                                 </div><!-- /.modal-dialog -->
                             </div><!-- PAGE CONTENT ENDS -->
                         </div><!-- /.col -->
                     </div><!-- /.row -->
                </div>





            </div><!-- /.page-content -->
        </div><!-- /.main-content -->

        <div class="ace-settings-container" id="ace-settings-container">
            <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                <i class="icon-cog bigger-150"></i>
            </div>

            <div class="ace-settings-box" id="ace-settings-box">
                <div>
                    <div class="pull-left">
                        <select id="skin-colorpicker" class="hide">
                            <option data-skin="default" value="#438EB9">#438EB9</option>
                            <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                            <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                            <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                        </select>
                    </div>
                    <span>&nbsp; Choose Skin</span>
                </div>

                <div>
                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
                    <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                </div>

                <div>
                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
                    <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                </div>

                <div>
                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
                    <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                </div>

                <div>
                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
                    <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                </div>

                <div>
                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
                    <label class="lbl" for="ace-settings-add-container">
                        Inside
                        <b>.container</b>
                    </label>
                </div>
            </div>
        </div><!-- /#ace-settings-container -->
    </div><!-- /.main-container-inner -->

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->

<!--下面这一行会影响data的加载-->

<!--<script src="assets/js/jquery-2.0.3.min.js"></script>-->

<!-- <![endif]-->

<!--[if IE]>
<script src="assets/js/jquery-1.10.2.min.js"></script>
<![endif]-->

<!--[if !IE]> -->

<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

<script type="text/javascript">
    if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="${contextPath}/html/assets/js/bootstrap.min.js"></script>
<script src="${contextPath}/html/assets/js/typeahead-bs2.min.js"></script>

<!-- page specific plugin scripts -->

<script src="${contextPath}/html/assets/js/jquery.dataTables.min.js"></script>
<script src="${contextPath}/html/assets/js/jquery.dataTables.bootstrap.js"></script>

<!-- ace scripts -->

<script src="${contextPath}/html/assets/js/ace-elements.min.js"></script>
<script src="${contextPath}/html/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->

<script type="text/javascript">
	$(document).ready(function () {
    $('#sample-table-1').dataTable();
		 });



    jQuery(function($) {
    	
    	
        var data=[];
       
        for(var i=0;i<100;i++){

            var patient=[

                10001,
                "小",
                "28",
                "心脏病",
                "2018/4/16 23：11",
                "50",
                "80",
                i+5,
				i,
				
                "<a href=\"https://www.baidu.com\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
				

            ]

            patient[0]=patient[0]+i;
            patient[1]=patient[1]+String.fromCharCode(i%24+97);
            data[i]=patient;

        }
        
         

       /*  var oTable1 = $('#sample-table-1').dataTable( {
            "aoColumns": [
                { "bSortable": false },
                null, null,null, null, null,null,null,null,
                { "bSortable": false }
            ], "iDisplayLength" : 10,
            "data":${(patientList)!''}


        }); */






        $('table th input:checkbox').on('click' , function(){
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function(){
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });


        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
            return 'left';
        }
    })







    /* var list={
         name:"xiaoming",
         age:21,
         type:"脑淤血",
         lasttrain:"2017-09-14 15:06:53",
         status:"ok"
     };
*/
    /* $(function(){



         for( var i=0;i<10;i++){
           /!*var td1=document.createElement('td');
             td1.innerHTML=list.name;
             var td2=document.createElement('td');
             td2.innerHTML=list.age;
             var td3=document.createElement('td');
             td3.innerHTML=list.type;
             var td4=document.createElement('td');
             td4.innerHTML=list.lasttrain;
             var td5=document.createElement('td');
             td5.innerHTML=list.status;

             var tr1 =document.createElement('tr');
            tr1.style='table table-striped table-bordered table-hover';

          tr1.onmouseover='talbeMouseOver(this)';
             tr1.onmouseout='talbeMouseOut(this)'
             //------------------------------两种的地方

             tr1.setAttribute('class','table table-striped table-bordered table-hover');

             //tr1.onmouseout='tableMouseOut(this)';

             tr1.appendChild(td1);
             tr1.appendChild(td2);
             tr1.appendChild(td3);
             tr1.appendChild(td4);
             tr1.appendChild(td5);


             var table1 = document.getElementById('sample-table-2');




             table1.appendChild(tr1);
*!/

          var tr="<tr><td class=\"center\"> <label> <input type=\"checkbox\" class=\"ace\" /> <span class=\"lbl\"></span> </label> </td><td>"+list.name+"<td>"+list.age+"</td>"+"<td>"+list.type+"</td>"+"<td>"+list.lasttrain+"</td>"+"<td>"+list.status+"</td>"+"</td></tr>";
             $("#sample-table-1").append(tr);
         }

     });*/
</script>
<!--jqplot-->
<script type="text/javascript" src="${contextPath}/html/assets/dist/jquery.jqplot.js"></script>
<link rel="stylesheet" type="text/css" href="${contextPath}/html/assets/dist/jquery.jqplot.css" />
<script type="text/javascript" src="${contextPath}/html/assets/dist/plugins/jqplot.barRenderer.js"></script>
<script type="text/javascript" src="${contextPath}/html/assets/dist/plugins/jqplot.pieRenderer.js"></script>
<script type="text/javascript" src="${contextPath}/html/assets/dist/plugins/jqplot.categoryAxisRenderer.js"></script>
<script type="text/javascript" src="${contextPath}/html/assets/dist/plugins/jqplot.pointLabels.js"></script>
<script type="text/javascript" src="${contextPath}/html/assets/dist/plugins/jqplot.dateAxisRenderer.min.js"></script>




</body>
</html>
